<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <!--CSS-->
        <link rel="stylesheet" type="text/css" href="css/reset.css"/>
        <link rel="stylesheet" type="text/css" href="css/css.css"/>
        <link rel="stylesheet" type="text/css" href="css/menu.css"/>
        <link rel="stylesheet" type="text/css" href="css/joias.css"/>
        <!--JS-->
        <script src="js/jquery-1.7.1.min.js" type="text/javascript" ></script>
        <script src="js/menu.js" type="text/javascript"></script>
    </head>

    <body>
        <div id="wrapper">
            <header id="logo">
                <h1><img src="images/manuela-henriques-logo" width="295" height="23" alt="MANUELA HENRIQUES" title="MANUELA HENRIQUES"></h1>
            </header>
            <section id="redes"> </section>
            <div class="clear"></div>
            <nav>
                <ul id="menu">
                    <li><a href="#">SOBRE A MARCA</a></li>
                    <li> <a href="#">JÓIAS</a>
                        <ul>
                            <li><a href="#">ANÉIS</a></li>
                            <li><a href="#">BRINCOS</a></li>
                            <li><a href="#">COLARES</a></li>
                        </ul>
                    </li>
                    <li><a href="#">ONDE ENCONTRAR</a></li>
                    <li><a href="#">BLOG</a></li>
                </ul>
            </nav>

            <!--CONTEUDO-->
            <section id="container">
                <header class="barraTitulos">JÓIAS > ANÉIS</header>

                <div class="detalheJoia">
                    <ul id="categorias" class="lista2x500 marginTop30">
                        <li><h2><a href="#">Anéis</a></h2><img src="images/line.jpg" width="220" height="1"><br>
                            <a href="#"><img src="upload/produtos/categorias/MDf_20110618-110632_1076925690_anel2.jpg" width="180" height="180" alt="NOME DA CATEGORIA" title="NOME DA CATEGORIA" class="marginTop15 marginBottom80"></a><br></li>

                        <li>
                            <h2><a href="#">Brincos</a></h2><img src="images/line.jpg" width="220" height="1"><br>
                            <a href="#"><img src="upload/produtos/categorias/thumb_3sd_20110708-190718_1603435658_brinco-sol.JPG"width="180" height="180" alt="NOME DA CATEGORIA" title="NOME DA CATEGORIA" class="marginTop15 marginBottom80"></a><br></li>

                        <li>
                            <h2><a href="#">Colares</a></h2><a href="#"><img src="images/line.jpg" width="220" height="1"><br>
                                <img src="upload/produtos/categorias/4oB_20110726-160746_604658817_colar-bizantino.JPG"width="180" height="180" class="marginTop15 marginBottom80" alt="NOME DA CATEGORIA" title="NOME DA CATEGORIA"></a><br></li>

                        <li><h2><a href="#">Anéis</a></h2><a href="#"><img src="images/line.jpg" width="220" height="1"><br>
                                <img src="upload/produtos/categorias/aEV_20110727-200741_177778637_bracelete-snake-turquesa.JPG"width="180" height="180" class="marginTop15 marginBottom80" alt="NOME DA CATEGORIA" title="NOME DA CATEGORIA"></a><br></li>

                    </ul>
                </div>


            </section>
            <!--CONTEUDO-->

            <div class="clear"></div>

            <!--FOOTER-->
            <footer>
                <section id="sac">
                    <header>
                        <h3>SAC</h3>
                    </header>
                    <ul>
                        <li><a href="#">Politica de Entrega</a></li>
                        <li><a href="#">Prazo de Entrega</a></li>
                        <li><a href="#">Fale Conosco</a></li>
                        <li class="lastSac"><a href="#">Change to English</a></li>
                    </ul>
                    <img src="images/cartoes.png" width="131" height="24" class="marginTop15">
                    <img src="images/truste.png" width="88" height="24">
                </section>
                <section id="copy">
                    © 2012 Manuela Henriques. Todos os direitos reservados. <br><a href="http://linknacional.com.br/produtoraweb">Developed By Produtora Web</a>
                </section>
            </footer>
            <!--FOOTER-->
        </div>
    </body>
</html>
